<!DOCTYPE html>
<!--< 以html5 严格[标准模式] (3) 渲染 DOM >-->
<html style="background:rgba(0,0,0,0);">
<head>
    <title> network </title>
    <meta charset="utf-8">
    <style type="text/css">
        body,html {
            width : 100%;
            height: auto;
            background: yellow;
        }
        /*
         >(就近节点) .(class) #(id)
        */
        .txt_box
        {
          width: 100px;
          height: auto;
          text-align: center;
          display: inline-block;
          float: left;
        }
        .btn
        {
            display: inline-block;
            width: 260px;
            height: 25px;
            margin: 0 auto;
            text-align: center;
            font-size: 20px;
        }
    </style>
    <script type="text/javascript">
            var hello = 'hello world!';
            num = 1;
            alert(hello);
            console.log(num);
    </script>
</head>
<body style="width:100%;height:auto;background:red;">
 <div>
     <form action="index.php" method="post">
         <div>
             <span class="txt_box">用户名: </span>
             <input id="uname"  name="uname" type="txt" placeholder="例如:小花">
         </div>
         <div>
             <span class="txt_box">密码: </span>
             <input id="password" name="password" type="password" placeholder="1233_sd@">
         </div>
         <div>
             <span class="txt_box">邮箱: </span>
             <input id="email" name="email" type="txt">
         </div>
         <div>
             <span class="txt_box">手机号: </span>
             <input id="phone" name="phone" type="txt">
         </div>
         <div>
             <input id="ctime"  name="ctime" type="txt" style="display: none" value="">
         </div>
         <div>
        <button class="btn">
             注册
        </button>
        </div>
     </form>
 </div>
</body>
</html>